<template>
  <view class="content">
    <!-- <image class="logo" src="@/static/logo.png"></image> -->
    <view class="text-area">
      <text class="title">Hello</text>
    </view>
  </view>
</template>

<script>
export default {
  onLoad() {
    console.log(111);
    uni.setScreenOrientation({
      orientation: "landscape",
    });
    // 监听屏幕方向变化
    uni.onOrientationChange((res) => {
      console.log("当前方向: ", res.value); // res.value 可以是 'portrait' 或 'landscape'
      if (res.value === "landscape") {
        // 设置为横屏处理逻辑
        uni.setScreenOrientation({
          orientation: "landscape",
        });
      } else if (res.value === "portrait") {
        // 设置为竖屏
        uni.setScreenOrientation({
          orientation: "portrait",
        });
      }
    });
  },
};
</script>

<style>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
}

.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
